<template>
    <div>
        <p>1、文本插值：使用的是“Mustache”语法 (即双大括号){{msg}}</p>
        <p>2、原始HTML：双大括号会将数据解释为纯文本，如果想插入HTML需要使用v-html指令</p>
        <p>3、Attribute(属性)绑定：双大括号不能在HTML attributes 中使用。如果想要响应式地绑定一个attribute，使用v-bind指令</p>
        <p>4、简写：因为v-bind非常常用，所以可以省略v-bind只写“:”</p>
        <p>5、同名简写：如果 attribute 的名称与绑定的 JavaScript 值的名称相同(仅支持3.4版本及以上)</p>
        <p>6、布尔型Arrtibute：布尔型Arrtibute依据true/false值来决定attribute是否应该存在</p>
        <p>7、v-bind也可以动态绑定多个值</p>
        <p>8、指令 Directives：指令是带有 v- 前缀的特殊 attribute。</p>
    </div>
</template>
    
<script setup lang='ts'>
    const msg = "{{}}"
</script>
    
<style>
    
</style>